Scriptia. Javascript y buenas prácticas en español

Slideshow no intrusivo

Christian Heilmann, en su cruzada a favor del scripting no intrusivo, nos presenta un tutorial de lo más completo para crear un slideshow fácil de mantener. No utiliza efectos wow, ni falta que hace: A detailed explanation how to create a maintainable dynamic slide show in JavaScript.

Un cuento de navidad y javascript

Los fantasmas del pasado y el presente del scripting se dan cita en A Scripting Carol, de Derek Featherstone, publicado en 24 ways. Un bonito (y navideño) cuento sobre los malos usos que llevaron javascript al calabozo de los lenguajes y sugerencias para hacerlo bien hoy, mañana y pasado.

Javascript accesible

La realización de interfaces «ricas» y accesibles es todo un arte que muy pocos practican. James Edwards nos da algunos buenos consejos en Accessible JavaScript: Beyond the Mouse. Recuerda joven: debes permitir la navegación con teclado.

Detección de capacidades

No todos los navegadores pueden tragar con todos los métodos del DOM, algunos implementaciones de ECMAScript presentan curiosos bugs… Como más vale prevenir que curar, antes de lanzarse a la aventura es necesario comprobar las capacidades del navegador. Pero ojo, no se trata de averiguar qué navegador, sino qué capacidades. Aprende buenos modales en Using capability detection.

Copia de arrays y objetos

Cuando utilizamos operador de asignación (más comunmente conocido como =) para asignar un array –o un objeto– ya existente a una variable debemos tener en cuenta que no estamos almacenando una copia del array, sino una referencia al mismo.

Considérese:

var a = [ 1, 2, 3 ];
alert(a); // [ 1, 2, 3 ]
var b = a;
alert(b); // [ 1, 2, 3 ]
b.push(4);
alert(b); // [1, 2, 3, 4 ]
alert(a); // [ 1, 2, 3, 4 ] <-- `a` ha sido modificado indirectamente

Veamos como realizar una copia en lugar de almacenar una referencia. Continúa leyendo Copia de arrays y objetos

Ocultar elementos por CSS si y solo si disponemos de javascript

Supongamos una linda interfaz en la que algunos elementos no se muestran hasta que el usuario realiza alguna acción. Supongamos que somos hombres de buen corazón y queremos que nuestra aplicación sea accesible sin necesidad de javascript.

1. Si ocultamos esos elementos mediante CSS, quien no tenga javascript no tendrá, jamás de los jamases, acceso a ellos.
2. Si ocultamos los elementos mediante javascript, se producirá algún que otro feo parpadeo (y si son muchos los elementos a ocultar, aumentará el tiempo de proceso).

Veamos cómo podemos evitar ambos problemas con una pequeña combinación de CSS y scripting. Continúa leyendo Ocultar elementos por CSS si y solo si disponemos de javascript

El Array explicado a los phperos

Amigos y compañeros que vivís del desarrollo con PHP, he aquí para vuestro uso y disfrute algunas traducciones de sintaxis de PHP en lo que a arrays se refiere. Continúa leyendo El Array explicado a los phperos

Diez buenas prácticas

Aunque el artículo sea de 2005, las buenas prácticas que recomienda son y serán válidas por mucho tiempo: Ten good practices for writing JavaScript in 2005.

Copia de propiedades e importación de métodos

Este truquito para copiar propiedades de un objeto a otro:

function apply(a, b) {
    for (var i in b) {
        a[i] = b[i];
    }
}

Puede ser útil para manejar parámetros por defecto en una función:

function algoHaremos(conf) {
    var def = { order: 'date', asc: false };
    conf = apply(def, conf || {});
}

Continúa leyendo Copia de propiedades e importación de métodos

Del literal de objeto

El uso de literales de objeto, además de servir para trapichear con hashes, permite mantener el código limpio y bien ordenadito. Chris Heilmann lo explica en Show love to the object literal.